//Global
import React, { FC } from "react";
import Link from "next/link";

//Icons
import { SlSocialVkontakte } from "react-icons/sl";
import { BsTelegram, BsWhatsapp } from "react-icons/bs";
import { FaGithub } from "react-icons/fa";

//Styles
import styles from "@/styles/footer.module.css";

const Footer: FC = () => {
  const year = new Date().getFullYear();

  return (
    <footer className={styles.footer}>
      <div className={styles.footerContent}>
        <div className={styles.footerLeft}>
          <p className={styles.footerLeftText}>@{year}, My social media:</p>
          <div className={styles.socialMedia}>
            <Link
              href={"https://vk.com/zhukmatvey"}
              className={styles.footerLink}
            >
              <SlSocialVkontakte className={styles.footerSvg} />
            </Link>

            <Link
              href={"https://t.me/ZhukovMatwey"}
              className={styles.footerLink}
            >
              <BsTelegram className={styles.footerSvg} />
            </Link>

            <Link
              href={
                "https://api.whatsapp.com/send/?phone=79001483800&text&type=phone_number&app_absent=0"
              }
              className={styles.footerLink}
            >
              <BsWhatsapp className={styles.footerSvg} />
            </Link>

            <Link
              href={"https://github.com/MatweyZhukov"}
              className={styles.footerLink}
            >
              <FaGithub className={styles.footerSvg} />
            </Link>
          </div>
        </div>
        <div className={styles.footerRight}>
          <p className={styles.footerRightText}>Other sources:</p>
          <p className={styles.footerRightText}>zhukov.matwei@gmail.com</p>
        </div>
      </div>
    </footer>
  );
};

export { Footer };
